<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>高清动漫图片</title>
    <link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
    <!--主容器-->
    <div class="container">
        <!--头部-->
        <div class="header">
            <div class="center-wrapper">
                <!--导航-->
                <ul class="nav-wrapper">
                    <li><a href="javascript:void(0);">新闻</a></li>
                    <li><a href="javascript:void(0);">网页</a></li>
                    <li><a href="javascript:void(0);">贴吧</a></li>
                    <li><a href="javascript:void(0);">知道</a></li>
                    <li><a href="javascript:void(0);">音乐</a></li>
                    <li><a class="current" href="javascript:void(0);">图片</a></li>
                    <li><a href="javascript:void(0);">视频</a></li>
                </ul>
                <!--搜索框-->
                <div class="search-div">
                    <!-- LOGO -->
                    <img  hidefocus="true" src="images/imglogo-r.png" alt="到 百度图片首页 来" title="返回 百度图片首页"/>
                    <!-- 百度搜索框 表单提交-->
                    <form action="http://www.baidu.com/s" method="get" target="_blank">
                        <div class="div-input">
                        <span class="s_ipt_wr">
                            <input type="text" id="search-input" autofocus="true" autocomplete="off"  value="" name="wd" class="search-inpt" />
                            <div class="photo">
                                <a  hidefocus="true"  href="javascript:void(0)" title="上传图片，搜索相关信息">
                                    <img class="photo-cam" src="images/shitulogo-r.png" width="22" height="17">
                                </a>
                            </div>
                        </span>
                        <span class="s_btn_wr">
                            <input class="btn-submit" type="submit"  value="百度一下" />
                        </span>
                        </div>
                    </form>
                </div>
                <!--相关搜索-->
                <div class="about-search">
                    <span class="title">相关搜索：</span>
                    <a type="查看动漫妹子图片" href="javascript:void(0);">动漫萌妹子图片</a>
                    <a type="查看动漫loli图片" href="javascript:void(0);">动漫loli图片</a>
                </div>
            </div>
        </div>
        <!--图片-->
        <div class="images-wrapper">
            <div id="center-images-wrapper" class="center-wrapper">
                <div class="box"><img src="images/0.jpg"/></div>
                <div class="box"><img src="images/1.jpg"/></div>
                <div class="box"><img src="images/2.jpg"/></div>
                <div class="box"><img src="images/3.jpg"/></div>
                <div class="box"><img src="images/4.jpg"/></div>
                <div class="box"><img src="images/5.jpg"/></div>
                <div class="box"><img src="images/6.jpg"/></div>
                <div class="box"><img src="images/7.jpg"/></div>
                <div class="box"><img src="images/8.jpg"/></div>
                <div class="box"><img src="images/9.jpg"/></div>
                <div class="box"><img src="images/10.jpg"/></div>
                <div class="box"><img src="images/11.jpg"/></div>
                <div class="box"><img src="images/12.jpg"/></div>
                <div class="box"><img src="images/13.jpg"/></div>
                <div class="box"><img src="images/14.jpg"/></div>
                <div class="box"><img src="images/15.jpg"/></div>
                <div class="box"><img src="images/16.jpg"/></div>
                <div class="box"><img src="images/17.jpg"/></div>
                <div class="box"><img src="images/18.jpg"/></div>
                <div class="box"><img src="images/19.jpg"/></div>
                <div class="box"><img src="images/20.jpg"/></div>
                <div class="box"><img src="images/21.jpg"/></div>
                <div class="box"><img src="images/22.jpg"/></div>
                <div class="box"><img src="images/23.jpg"/></div>
                <div class="box"><img src="images/24.jpg"/></div>
                <div class="box"><img src="images/25.jpg"/></div>
                <div class="box"><img src="images/26.jpg"/></div>
                <div class="box"><img src="images/27.jpg"/></div>
                <div class="box"><img src="images/28.jpg"/></div>
                <div class="box"><img src="images/29.jpg"/></div>
                <div class="box"><img src="images/30.jpg"/></div>
                <div class="box"><img src="images/31.jpg"/></div>
                <div class="box"><img src="images/32.jpg"/></div>
                <div class="box"><img src="images/33.jpg"/></div>
                <div class="box"><img src="images/34.jpg"/></div>
                <div class="box"><img src="images/35.jpg"/></div>
                <div class="box"><img src="images/36.jpg"/></div>
                <div class="box"><img src="images/37.jpg"/></div>
                <div class="box"><img src="images/38.jpg"/></div>
                <div class="box"><img src="images/39.jpg"/></div>
                <div class="box"><img src="images/40.jpg"/></div>
            </div>
        </div>
        <a id="backTop" title="返回顶部" class="backTop" href="javascript:void(0);" data-title="返回顶部"></a>
    </div>
    <script type="text/javascript" src="js/jquery-1.12.0.min.js"></script>
    <script type="text/javascript" src="js/app.js"></script>
</body>
</html>